<template>
  <div>
    <div class="content">
      <div class="content4Title">基于Web的开门电商平台</div>
      <img class="content4LeftImg" src="../../../assets/content6LeftIcon.png" alt>
      <p class="content4LeftDesc">
         根据客户需求建设的门户电商平台，商城化管理企业线下的商品类目，结合互联网销售的优势，对经营带来拓展。
      </p>
      <img class="contentRight" src="../../../assets/content6Right.png" alt="">
      <div class="content6Bot">查看更多</div>
    </div>
  </div>
</template>
<script>
export default {
  name:'Case4'
};
</script>
<style scoped>
.content {
  width: 100%;
  height: 11.8rem;
  background: #f4f7ee;
  padding-top: 0.3rem;
  position: relative;
  background-image: url("../../../assets/content6Bg.png");
  background-position: center;
  background-size: cover;
}
.content4Title{
  font-size: 0.5rem;
  position: absolute;
  color: #fff;
  opacity: 0.7;
  left: 4.5rem;
  top: 2rem;
}
.content4LeftImg{
  position: absolute;
  width: 2rem;
  left: 6rem;
  top: 3.8rem;
  opacity: 0.7;
}
.content4LeftDesc{
  font-size: 0.27rem;
  position: absolute;
  color: #fff;
  opacity: 0.7;
  width: 5.5rem;
  left: 4.5rem;
  top: 6.7rem;
}
.contentRight{
  width: 10rem;
  position: absolute;
  right: 2.4rem;
  top: 1rem;
}
.content6Bot{
  text-align: center;
  color: #444;
  font-size: 0.35rem;
  font-weight: 600;
  background: #e9e9e9;
  width: 10rem;
  padding: 0.23rem 2rem;
  opacity: 0.9;
  position: absolute;
  bottom: 0.55rem;
  left: 7.5rem;
}
</style>
